<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no"/>
    <title>注册</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
    <style>
        .aui-bar-nav {
            background-color: white;
            color: black;
        }
        .aui-bar-nav li{
            font-size: 14px;
        }

        .active {
            color: #fff !important;
        }

        ul li {

        }
    </style>
</head>
<body>
<header class="aui-bar aui-bar-nav">
    <div class="aui-pull-left aui-iconfont aui-icon-left icon-left-coler" tapmode onclick="closeWin()"></div>
    <div class="aui-title">
        注册
    </div>
    <div class="aui-content-padded aui-tab-info">
        <div class="aui-tab">
            <ul class="aui-tab-nav aui-tab-border">
                <li class="active" tapmode data-type="member" onclick="changeType(this)">会员注册</li>
                <li tapmode data-type="supplier" onclick="changeType(this)">商家注册</li>
            </ul>
        </div>
    </div>
</header>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
<script type="text/javascript">
    var registerMobile=""
    apiready = function () {
        api.parseTapmode();
        var header = $api.dom('header');
        $api.fixIos7Bar(header);
        registerMobile=api.pageParam.registerMobile;
        var header_h = $api.offset(header).h;
        var body_h = $api.offset($api.dom('body')).h - header_h;
        api.openFrame({
            name: 'register_frm',
            url: 'register_frm.html',
            rect: {
                x: 0,
                y: header_h,
                w: 'auto',
                h: body_h
            },
            pageParam:{
                registerMobile:registerMobile
            },
            bounces: false,
            vScrollBarEnabled: false,
            hScrollBarEnabled: false
        });
    }
    function changeType(obj) {
        var type = $(obj).attr("data-type");
        $(obj).parent().find("li").removeClass("active");
        $(obj).addClass("active")
        api.execScript({
            frameName:"register_frm",
            script:"changeType('"+type+"')"
        })
    }
</script>
</html>
